<template>
	<el-carousel :interval="5000" height="400px" arrow="never">
		<el-carousel-item v-for="item in ju" :key="item">
			<h3>{{item}}</h3>
		</el-carousel-item>
	</el-carousel>
</template>
<script>
	export default{
		props:["ju"],
    
		data () {
			return {
				
			}
		},
    mounted(){
      // alert(this.ju)
    },
    components: {
      
    },
    computed:{
      
    },
    methods:{

    }
	}
</script>

<style>
  .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 400px;
    margin: 0;
    text-align: center;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
</style>